<template>
    <div class="lianxi">
       <ul class="tabs">
      		<li v-for="(list,index) in lists" @click="tab = index"
      		:class="{active:tab == index}">
       		 {{list.lis}}
      		</li>
      </ul>
      <div class="content">
      	<div class="content-one" v-show="tab == 0">
			<dl>
				<dt><img v-bind:src="img"></dt>
				<dd><h1>{{message}}</h1><p>{{messsssss}}</p></dd>
			</dl><div class="tongzhiliuyan">
    	<p>点击去留言</p>
   		 </div>
      	</div>
      	
      	<div class="content-otwo" v-show="tab == 1">

      		<p>亲，页面出问题了，你先到别处转转吧~</p>

      	</div>
      	<div class="content-three" v-show="tab == 2">
      		<p>亲，页面出问题了，你先到别处转转吧~</p>

      	</div>

      </div>
    
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	img:"../../static/tongzhitouxiangpng.png",
    	message:"小糖君",
    	messsssss:"hello!我是小糖君，欢迎你的到来，如果遇到任何问题你可以在这里给我留言，不一定及时，但每一条必回^_^",
    	imgggg:"../../static/shoushi.png",
    	tab:0,
      	lists:[
        {lis:'最新'},{lis:'热门'},{lis:'关注'},

      ]
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/tongzhi.less);
</style>
